Como Começar?
Para começar precisamos importar os arquivos de CSS e Javascript.
CSS
Para começar a utilizar os plugins devemos primeiramente fazer a referência do CSS all.css tag HEAD do documento. Dentro dele já estão sendo chamados os demais plugins.
<head>
...
<link href="https://cdn_2im.2im.com.br/css/all.css" rel="stylesheet" />
</head>
Javascript
Também é preciso fazer a chamada dos arquivos Javascript desejados na tag HEAD.
Lembrando que o jquery-3.6.0.min.js, deve ser instanciado antes de qualquer outro, e o scripts.js deve ser o último.
<head>
...
<script src="https://cdn_2im.2im.com.br/_assets/js/jquery-3.6.0.min.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/bootstrap.bundle.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/jquery.mask.min.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/select2.min.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/jquery-confirm.min.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/prism.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/datepicker-full.min.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/jquery.validate.min.js"></script>
<script src="https://cdn_2im.2im.com.br/_assets/js/scripts.js" defer></script>
</head>
Feito isto, basta copiar, colar e configurar os códigos dos componentes que deseja conforme sua necessidade.
Mas antes de nos aprofundarmos nos componentes, vamos conhecer a estrutura do sistema.